export default {
    name: 'search-list',
    components: {},
    // 接收父页面传过来的属性
    props: {
        data: {
            type: Array,
            default: function () {
                return []
            }
        },
        word: String
    },
    // 页面数据绑定
    data() {
        return {
            searchData:[]
        }
    },
    computed: {},
    methods: {
        // 点击列表
        handleItemClick(id) {
            this.$emit('click', id)
        },
        /**
         * 判断关键字显示高亮
         */
        handleRegKeyword(array) {
            const vm = this;
            array.map(item => {
                // 若搜索词不为空，对搜索词进行替换
                if (vm.word !== '') {
                    item.title = item.title.replace(new RegExp(vm.word, 'g'), '<em style="color:#f3232c" >"' + vm.word + '"</em>');
                    item.cont = item.cont.replace(new RegExp(vm.word, 'g'), '<em style="color:#f3232c" >"' + vm.word + '"</em>');
                }
                return item;
            })
        },
    },
    created() {
        this.searchData = this.data
        // 判断关键字显示高亮
        this.handleRegKeyword(this.searchData)
    },
    mounted() { },
    watch:{
        data:{
            deep:true,
            handler:function(n){
                this.searchData = n
            }
        }
    },
}